<template>
  <div class="page flex-col">
    <div class="group1 flex-col">
      <div class="bd1 flex-col">
        <img
          class="pic1"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng2dd10c445d16c3e6ee583e87b3ef8ea61afa93851151818a5be7d1047b276a74"
        />
        <div class="layer1 flex-col">
          <div class="main1 flex-col">
            <div class="mod1 flex-col">
              <span class="txt1">我的学习</span>
              <span class="info1">随时随地让学习成为习惯</span>
              <img
                class="pic2"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng8278b27aa75f87b028b265c838dccd0cfc93294cda2d44282c419a894b2d2210"
              />
            </div>
          </div>
          <div class="main2 flex-col">
            <!-- <div class="group2 flex-row">
              <div class="bd2 flex-col"></div>
              <span class="info2">Sketch</span>
              <div class="bd3 flex-col"></div>
              <span class="word1">9:41&nbsp;AM</span>
              <div class="bd4 flex-col"></div>
              <span class="txt2">100%</span>
              <div class="bd5 flex-col"></div>
            </div> -->
          </div>
          <div class="main3 flex-col">
            <div class="outer1 flex-row">
              <span class="word2">成长</span>
              <div class="main4 flex-col"></div>
              <img
                class="img1"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga57223ae7a396c2de0274d9e451b60424ca9fc4636f81f0f0e64d80f1584fc8b"
              />
              <img
                class="label1"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng29d79a4e80da3184b4d6e7d2a52b4107b54d9fcaf41d77b609a56cf62f212e03"
              />
              <div class="main5 flex-col"><span class="info3">13</span></div>
            </div>
          </div>
        </div>
      </div>
      <div class="bd6 flex-row">
        <img
          class="img2"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb43bc1d7868965c0b5f7b14c294d3834cbba0ce07e1be7b0454d926e9b1a532b"
        />
        <img
          class="img3"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng63a26c7b5426e9b2aeb56418465ed7dd9e9a75b1466099256c50b9f56ca5fe88"
        />
        <img
          class="pic3"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng557e3aeff31ab35920bb2ab01f7346e952eedef1100c782b849c128d4e184c56"
        />
        <img
          class="pic4"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1579e675558885e1f7ed469bff23ea21f2f1c77c041c65e4cfa7e37dd4864160"
        />
        <img
          class="pic5"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9e6801770a7225d3533ebdd2b043c3c44f23923d49e327432d198eda95870fc4"
        />
      </div>
      <div class="bd7 flex-row">
        <span class="txt3">自我管理</span>
        <span class="word3">好课推荐</span>
        <span class="word4">我的成长</span>
        <span class="word5">智能陪练</span>
        <span class="info4">海报宣传</span>
      </div>
      <div class="bd8 flex-col">
        <div class="bd9 flex-row">
          <span class="word6">预约直播</span>
          <span class="word7">1</span>
          <span class="word8">/2</span>
        </div>
      </div>
      <div class="bd10 flex-col">
        <div class="main6 flex-row">
          <button class="block1 flex-col" @click="onClick_1">
            <span class="word9">立即预约</span>
          </button>
          <div class="block2 flex-col">
            <div class="section1 flex-row">
              <img
                class="img4"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng89968a9b419e32fdb6ed6278a550085198f1ab8e3e2c75b059bffa852fe77840"
              />
              <div class="mod2 flex-col">
                <span class="infoBox1">
                  王
                  <br />
                  驰
                  <br />
                  讲
                  <br />
                  师
                </span>
              </div>
            </div>
            <img
              class="pic6"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5d1a04f1fa6fce27f8bb23c7ab3e04152287f4da2b5f4a7201d9435d21f05695"
            />
            <img
              class="icon1"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngee617ec9b122f7bc27dc7e15e259d162249349e48bb7811e640518c495900dd9"
            />
          </div>
        </div>
        <span class="info5">短期医疗徵求意见搞解读</span>
        <span class="info6">2020-06-08&nbsp;&nbsp;15:30~18:00</span>
      </div>
      <div class="bd11 flex-col">
        <div class="box1 flex-row">
          <span class="info7">学霸榜</span>
          <div class="block3 flex-col"><span class="word10">近一月</span></div>
          <span class="word11">全部</span>
          <img
            class="icon2"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga20493739efa237e680b9dd140fab5ba18db41bd5dafccaef30c7d5078955e3a"
          />
        </div>
      </div>
      <div class="bd12 flex-col"><span class="word12">全省排名</span></div>
      <div class="bd13 flex-col">
        <div class="outer2 flex-row">
          <span class="info8">猜你喜欢</span>
          <span class="word13">选择兴趣</span>
          <div class="outer3 flex-col"></div>
          <span class="word14">全部</span>
          <img
            class="icon3"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga20493739efa237e680b9dd140fab5ba18db41bd5dafccaef30c7d5078955e3a"
          />
        </div>
      </div>
      <div class="bd14 flex-row">
        <div class="outer4 flex-col">
          <img
            class="pic7"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng91d07c851371eb7e46afa8dda14c1b98a03a74c63405842d4aeb2e4e6dbe6e5c"
          />
        </div>
        <div class="outer5 flex-col">
          <img
            class="pic8"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngde1ad14fafd4b6ef4834e9187aaa8152a6b48df8fce2dc4c3648ff9d960f4bc5"
          />
        </div>
      </div>
      <div class="bd15 flex-row">
        <div class="section2 flex-col">
          <span class="word15">保单管家</span>
          <div class="bd16 flex-row">
            <span class="info9">谭芳讲师</span>
            <button class="box2 flex-col" @click="onClick_2">
              <span class="word16">去学习</span>
            </button>
          </div>
        </div>
        <span class="txt4">保单管家-保险全流程保险全保险全流程…</span>
      </div>
      <div class="bd17 flex-row">
        <span class="info10">谭芳讲师</span>
        <button class="block4 flex-col" @click="onClick_3">
          <span class="word17">去学习</span>
        </button>
      </div>
      <div class="bd18 flex-row">
        <div class="bd19 flex-col">
          <div class="group3 flex-col">
            <img
              class="img5"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9b7c6ed4f475174f719b22e947cba861f82e23539c22c8b8066fe50480935fce"
            />
          </div>
          <span class="info11">保单管家-保险全流程保险全保险全流程…</span>
          <div class="group4 flex-row">
            <span class="word18">谭芳讲师</span>
            <button class="section3 flex-col" @click="onClick_4">
              <span class="info12">去学习</span>
            </button>
          </div>
        </div>
        <div class="bd20 flex-col">
          <div class="box3 flex-col">
            <img
              class="pic9"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9b7c6ed4f475174f719b22e947cba861f82e23539c22c8b8066fe50480935fce"
            />
          </div>
          <span class="txt5">保单管家-保险全流程保险</span>
        </div>
      </div>
      <div class="bd21 flex-row">
        <span class="word19">谭芳讲师</span>
        <button class="box4 flex-col" @click="onClick_5">
          <span class="word20">去学习</span>
        </button>
      </div>
      <div class="bd22 flex-row">
        <div class="box5 flex-col">
          <div class="outer6 flex-col">
            <img
              class="pic10"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng91d07c851371eb7e46afa8dda14c1b98a03a74c63405842d4aeb2e4e6dbe6e5c"
            />
          </div>
          <span class="txt6">保单管家</span>
        </div>
        <div class="box6 flex-col">
          <img
            class="img6"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngde1ad14fafd4b6ef4834e9187aaa8152a6b48df8fce2dc4c3648ff9d960f4bc5"
          />
        </div>
      </div>
      <div class="bd23 flex-row">
        <span class="info13">谭芳讲师</span>
        <button class="bd24 flex-col" @click="onClick_6">
          <span class="word21">去学习</span>
        </button>
        <span class="info14">保单管家-保险全流程保险全保险全流程…</span>
      </div>
      <div class="bd25 flex-row">
        <span class="word22">谭芳讲师</span>
        <button class="mod3 flex-col" @click="onClick_7">
          <span class="word23">去学习</span>
        </button>
      </div>
      <div class="bd26 flex-col"><span class="info15">换一批</span></div>
      <div class="bd27 flex-col">
        <div class="main7 flex-row">
          <div class="main8 flex-col"><div class="wrap1 flex-col"></div></div>
          <div class="main9 flex-col"></div>
          <div class="main10 flex-col">
            <div class="section4 flex-col"></div>
          </div>
          <div class="main11 flex-col"><div class="bd28 flex-col"></div></div>
        </div>
        <div class="main12 flex-row">
          <span class="info16">首页</span>
          <span class="info17">产品</span>
          <span class="word24">e学堂</span>
          <span class="info18">我的</span>
        </div>
      </div>
    </div>
    <div class="group5 flex-col">
      <div class="bd29 flex-col">
        <span class="word25">ICSS专区</span>
        <span class="info19">优秀好课上线</span>
      </div>
    </div>
    <div class="group6 flex-col">
      <div class="bd30 flex-col">
        <span class="word26">新人专区</span>
        <span class="info20">最新好课上线</span>
      </div>
      <img
        class="pic11"
        referrerpolicy="no-referrer"
        src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng373c2f5e6145f65885ffa7e52e73d769305ff2a53ea1988ecb01c8c4321f1899"
      />
    </div>
    <div class="group7 flex-col">
      <div class="group8 flex-col">
        <img
          class="pic12"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngae75871de5536fa0265b8d06613ce72de122256c8a902828a4f4aa2e6080c87e"
        />
        <span class="word27">点击签到</span>
      </div>
    </div>
    <div class="group9 flex-col">
      <div class="box7 flex-col">
        <span class="word28">全国排名</span>
        <img
          class="icon4"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngdc168f56ad538cdd303d8a18409680aebdf74a1a7afd4d7ff6795b4f0e0ea090"
        />
        <img
          class="label2"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5785bad7642e329c3f6904e2c001f789cde3e0022c5eaabf95dcd7e19b24de0d"
        />
        <img
          class="label3"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng10b5be9a6a4c54a7cff71be437a43e09a49a790dcbc6c1d4d8d117771a285d4c"
        />
        <div class="box8 flex-row">
          <span class="word29">名次</span>
          <span class="info21">姓名</span>
          <span class="info22">机构</span>
          <span class="word30">学时(小时)</span>
        </div>
        <div class="box9 flex-col">
          <div
            class="main13-0 flex-col"
            v-for="(item, index) in loopData0"
            :key="index"
          >
            <div class="bd31-0 flex-row">
              <span
                class="txt7-0"
                :style="{ color: item.lanhufontColor0 }"
                v-html="item.lanhutext0"
              ></span>
              <span
                class="info23-0"
                :style="{ color: item.lanhufontColor1 }"
                v-html="item.lanhutext1"
              ></span>
              <span
                class="txt8-0"
                :style="{ color: item.lanhufontColor2 }"
                v-html="item.lanhutext2"
              ></span>
              <span
                class="word31-0"
                :style="{ color: item.lanhufontColor3 }"
                v-html="item.lanhutext3"
              ></span>
            </div>
          </div>
        </div>
      </div>
      <div class="box10 flex-col">
        <div class="mod4 flex-col">
          <div class="outer7 flex-col"></div>
          <span class="info24">尼古拉斯</span>
          <div class="outer8">
            <span class="info25">8.02</span>
            <span class="info26">学时</span>
          </div>
          <span class="word32">北京</span>
        </div>
      </div>
      <div class="box11 flex-col">
        <div class="section5 flex-col">
          <div class="mod5 flex-col"></div>
          <span class="word33">布拉德斯科</span>
          <div class="mod6">
            <span class="word34">7.73</span>
            <span class="txt9">学时</span>
          </div>
          <span class="info27">北京</span>
        </div>
      </div>
      <div class="box12 flex-col">
        <div class="wrap2 flex-col">
          <div class="box13 flex-col"></div>
          <span class="info28">王力宏</span>
          <div class="box14">
            <span class="txt10">6.89</span>
            <span class="word35">学时</span>
          </div>
          <span class="txt11">上海</span>
        </div>
      </div>
    </div>
    <div class="group10 flex-col"><span class="info29">24学时</span></div>
    <div class="group11 flex-col"><span class="info30">64学时</span></div>
    <div class="group12 flex-col"><span class="word36">3学时</span></div>
    <div class="group13 flex-col"><span class="word37">14学时</span></div>
    <div class="group14 flex-col"><span class="word38">24学时</span></div>
    <div class="group15 flex-col"><span class="info31">64学时</span></div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      loopData0: [
        {
          lanhutext0: 'NO.4',
          lanhufontColor0: 'rgba(118,127,149,1)',
          lanhutext1: '李斯丹妮洁',
          lanhufontColor1: 'rgba(118,127,149,1)',
          lanhutext2: '呼和浩特',
          lanhufontColor2: 'rgba(118,127,149,1)',
          lanhutext3: '6.61',
          lanhufontColor3: 'rgba(118,127,149,1)'
        },
        {
          lanhutext0: 'NO.5',
          lanhufontColor0: 'rgba(118,127,149,1)',
          lanhutext1: '周杰伦',
          lanhufontColor1: 'rgba(118,127,149,1)',
          lanhutext2: '上海',
          lanhufontColor2: 'rgba(118,127,149,1)',
          lanhutext3: '5.20',
          lanhufontColor3: 'rgba(118,127,149,1)'
        },
        {
          lanhutext0: 'NO.122',
          lanhufontColor0: 'rgba(38,46,63,1)',
          lanhutext1: '华小瑞',
          lanhufontColor1: 'rgba(38,46,63,1)',
          lanhutext2: '上海',
          lanhufontColor2: 'rgba(38,46,63,1)',
          lanhutext3: '0.02',
          lanhufontColor3: 'rgba(38,46,63,1)'
        }
      ],
      constants: {}
    };
  },
  methods: {
    onClick_1() {
      alert(1);
    },
    onClick_2() {
      alert(1);
    },
    onClick_3() {
      alert(1);
    },
    onClick_4() {
      alert(1);
    },
    onClick_5() {
      alert(1);
    },
    onClick_6() {
      alert(1);
    },
    onClick_7() {
      alert(1);
    }
  }
};
</script>
<style lang="less" scoped>
body * {
  box-sizing: border-box;
  flex-shrink: 0;
}
body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.page {
  z-index: 1;
  position: relative;
  width: 750px;
  height: 3687px;
  background-color: rgba(247, 246, 248, 1);
  overflow: hidden;
  .group1 {
    z-index: auto;
    width: 750px;
    height: 3687px;
    .bd1 {
      z-index: 3;
      height: 538px;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng8593bef3c920ab6eb5c86b1985408d1d346a473e85fcffa1a45e348c240b0949)
        100% no-repeat;
      width: 750px;
      justify-content: flex-end;
      position: relative;
      .pic1 {
        z-index: 6;
        width: 750px;
        height: 510px;
      }
      .layer1 {
        z-index: 7;
        height: 538px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng6f76892d202fbab8c64cbcb3947f0eac44a0d795d6820233c2a7b84df5b0e7e6)
          100% no-repeat;
        width: 750px;
        justify-content: flex-start;
        align-items: flex-start;
        position: absolute;
        left: 0;
        top: 0;
        .main1 {
          z-index: 8;
          height: 501px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga574d8714eb0e3a656a894256889dc58e8bc06393beb6dc73eb614aab1c42d83)
            100% no-repeat;
          width: 739px;
          justify-content: flex-end;
          align-items: flex-start;
          padding: 0 0 89px 60px;
          .mod1 {
            z-index: auto;
            width: 357px;
            height: 217px;
            .txt1 {
              z-index: 11;
              width: 216px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 1);
              font-size: 54px;
              font-family: PingFangSC-Semibold;
              line-height: 75px;
              text-align: left;
              align-self: flex-start;
            }
            .info1 {
              z-index: 10;
              width: 321px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 1);
              font-size: 28px;
              line-height: 40px;
              text-align: left;
              align-self: flex-start;
              margin-top: 2px;
            }
            .pic2 {
              z-index: 12;
              width: 84px;
              height: 4px;
              align-self: flex-end;
              margin-top: 96px;
            }
          }
        }
        .main2 {
          z-index: 92;
          height: 40px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngbb38286d847ed995a8d2f0d2e1d325082b2031aba24a780678b1b5ddf44558cd) -15px -15px
            no-repeat;
          width: 750px;
          justify-content: center;
          align-items: flex-end;
          padding-right: 7px;
          position: absolute;
          left: 0;
          top: 0;
          .group2 {
            z-index: auto;
            width: 730px;
            height: 28px;
            .bd2 {
              z-index: 113;
              width: 27px;
              height: 18px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngbdf105e0452a87e9d11dac7b6d4bb0ab9fd234106d0451db2990eebadbc0cf08) -8px -6px
                no-repeat;
              margin-top: 3px;
            }
            .info2 {
              z-index: 112;
              width: 67px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 1);
              font-size: 21px;
              font-family: Helvetica;
              line-height: 26px;
              margin-left: 7px;
            }
            .bd3 {
              z-index: 108;
              width: 24px;
              height: 17px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng2af6c5ef86fefd6095ed0e99410e101bcf1380cb8a47bcc76bd5a43c152bbd86) -7px -6px
                no-repeat;
              margin: 4px 0 0 12px;
            }
            .word1 {
              z-index: 106;
              width: 81px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 1);
              font-size: 21px;
              font-family: Helvetica;
              line-height: 26px;
              text-align: center;
              margin: 2px 0 0 185px;
            }
            .bd4 {
              z-index: 102;
              width: 14px;
              height: 25px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng922ad7a01aa6ce1abaf8870d18c9dea8ad64f9b192a2ce8061e73c54aebf48b9) -8px -5px
                no-repeat;
              margin-left: 203px;
            }
            .txt2 {
              z-index: 101;
              width: 60px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 1);
              font-size: 21px;
              font-family: Helvetica;
              line-height: 26px;
              text-align: right;
              margin-top: 1px;
            }
            .bd5 {
              z-index: 95;
              width: 45px;
              height: 19px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng4e5843ee661ae6b28d5dfa6f3786779af9e4cec5c9a2c4c8bbcb1cacfb92476c) -8px -6px
                no-repeat;
              margin: 3px 0 0 5px;
            }
          }
        }
        .main3 {
          z-index: 17;
          height: 120px;
          width: 750px;
          justify-content: center;
          align-items: center;
          position: absolute;
          left: 0;
          top: 40px;
          .outer1 {
            z-index: auto;
            width: 670px;
            height: 67px;
            .word2 {
              z-index: 26;
              width: 96px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 1);
              font-size: 48px;
              font-family: PingFangSC-Semibold;
              line-height: 67px;
              text-align: left;
            }
            .main4 {
              z-index: 27;
              width: 8px;
              height: 11px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng4128d3227ac874ab9371200042f10029e744c74ae4138d13b121a99f8a23a14f)
                100% no-repeat;
              margin: 28px 0 0 12px;
            }
            .img1 {
              z-index: 28;
              width: 123px;
              height: 42px;
              margin: 12px 0 0 12px;
            }
            .label1 {
              z-index: 29;
              width: 44px;
              height: 44px;
              margin: 11px 0 0 291px;
            }
            .main5 {
              z-index: 18;
              height: 44px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng6c35dbc1ac7e496ed12e14430aac9334b98abb3ebffae40d2bbbb5625b8ba6b6)
                100% no-repeat;
              width: 44px;
              justify-content: center;
              align-items: center;
              margin: 11px 0 0 40px;
              .info3 {
                z-index: 24;
                width: 23px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(255, 255, 255, 1);
                font-size: 22px;
                font-family: PingFangSC-Semibold;
                line-height: 22px;
                text-align: left;
              }
            }
          }
        }
      }
    }
    .bd6 {
      z-index: auto;
      width: 638px;
      height: 72px;
      justify-content: space-between;
      margin: 103px 0 0 56px;
      .img2 {
        z-index: 118;
        width: 72px;
        height: 72px;
      }
      .img3 {
        z-index: 163;
        width: 72px;
        height: 72px;
      }
      .pic3 {
        z-index: 142;
        width: 72px;
        height: 72px;
      }
      .pic4 {
        z-index: 151;
        width: 72px;
        height: 72px;
      }
      .pic5 {
        z-index: 133;
        width: 72px;
        height: 72px;
      }
    }
    .bd7 {
      z-index: auto;
      width: 670px;
      height: 42px;
      justify-content: space-between;
      margin: 8px 0 0 40px;
      .txt3 {
        z-index: 132;
        width: 104px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(38, 46, 63, 1);
        font-size: 26px;
        line-height: 42px;
        text-align: left;
      }
      .word3 {
        z-index: 170;
        width: 104px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(38, 46, 63, 1);
        font-size: 26px;
        line-height: 42px;
        text-align: left;
      }
      .word4 {
        z-index: 150;
        width: 104px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(38, 46, 63, 1);
        font-size: 26px;
        line-height: 42px;
        text-align: left;
      }
      .word5 {
        z-index: 162;
        width: 104px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(38, 46, 63, 1);
        font-size: 26px;
        line-height: 42px;
        text-align: left;
      }
      .info4 {
        z-index: 141;
        width: 104px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(38, 46, 63, 1);
        font-size: 26px;
        line-height: 42px;
        text-align: left;
      }
    }
    .bd8 {
      z-index: 31;
      height: 90px;
      align-self: center;
      margin-top: 50px;
      width: 670px;
      justify-content: center;
      .bd9 {
        z-index: auto;
        width: 670px;
        height: 48px;
        .word6 {
          z-index: 33;
          width: 162px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 40px;
          font-family: PingFangSC-Medium;
          line-height: 40px;
          text-align: left;
          margin-top: 4px;
        }
        .word7 {
          z-index: 34;
          width: 14px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(22, 38, 65, 1);
          font-size: 34px;
          line-height: 48px;
          text-align: left;
          margin-left: 458px;
        }
        .word8 {
          z-index: 35;
          width: 29px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(114, 125, 139, 1);
          font-size: 26px;
          line-height: 37px;
          text-align: left;
          margin: 6px 0 0 7px;
        }
      }
    }
    .bd10 {
      z-index: 68;
      height: 280px;
      background-color: rgba(47, 53, 83, 1);
      margin-top: 10px;
      width: 750px;
      align-items: flex-end;
      position: relative;
      .main6 {
        z-index: auto;
        width: 710px;
        height: 280px;
        justify-content: space-between;
        .block1 {
          z-index: 72;
          height: 52px;
          border-radius: 26px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge60f3661edbbfc54440ae4475e9fa3774e707572aeb088a78db583fbff92c480)
            100% no-repeat;
          margin-top: 178px;
          width: 144px;
          justify-content: center;
          align-items: center;
          .word9 {
            z-index: 73;
            width: 96px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(47, 53, 83, 1);
            font-size: 24px;
            font-family: PingFangSC-Semibold;
            line-height: 33px;
            text-align: left;
          }
        }
        .block2 {
          z-index: 69;
          height: 280px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngff98121fbd389aa3f2af7ab9d8eb404088f98e88df5692bae1e0ff7be7005b42)
            100% no-repeat;
          width: 431px;
          justify-content: flex-end;
          align-items: flex-end;
          padding-right: 24px;
          position: relative;
          .section1 {
            z-index: auto;
            width: 375px;
            height: 180px;
            justify-content: space-between;
            .img4 {
              z-index: 77;
              width: 52px;
              height: 4px;
              margin-top: 156px;
            }
            .mod2 {
              z-index: 70;
              height: 180px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf671e441e8bbf3afa91a9db2403db01c4ea480f98df4ca6523662d49d3a908dd)
                100% no-repeat;
              width: 232px;
              justify-content: flex-start;
              align-items: flex-end;
              padding: 14px 17px 0 0;
              .infoBox1 {
                z-index: 75;
                width: 20px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(48, 53, 77, 1);
                font-size: 20px;
                font-family: PingFangSC-Medium;
                line-height: 22px;
                text-align: left;
              }
            }
          }
          .pic6 {
            z-index: 71;
            position: absolute;
            left: 108px;
            top: 15px;
            width: 235px;
            height: 265px;
          }
          .icon1 {
            z-index: 357;
            position: absolute;
            left: 381px;
            top: 194px;
            width: 30px;
            height: 30px;
          }
        }
      }
      .info5 {
        z-index: 76;
        position: absolute;
        left: 40px;
        top: 46px;
        width: 396px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(247, 217, 164, 1);
        font-size: 36px;
        font-family: PingFangSC-Medium;
        line-height: 50px;
        text-align: left;
      }
      .info6 {
        z-index: 74;
        position: absolute;
        left: 40px;
        top: 101px;
        width: 326px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(152, 160, 179, 1);
        font-size: 26px;
        font-family: Helvetica;
        line-height: 31px;
        text-align: left;
      }
    }
    .bd11 {
      z-index: 81;
      height: 90px;
      align-self: center;
      margin-top: 40px;
      width: 670px;
      justify-content: center;
      align-items: flex-start;
      .box1 {
        z-index: auto;
        width: 665px;
        height: 40px;
        .info7 {
          z-index: 83;
          width: 122px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 40px;
          font-family: PingFangSC-Medium;
          line-height: 40px;
          text-align: left;
        }
        .block3 {
          z-index: 85;
          height: 36px;
          border-radius: 6px;
          background-color: rgba(254, 226, 109, 1);
          width: 90px;
          justify-content: center;
          align-items: center;
          margin: 2px 0 0 16px;
          .word10 {
            z-index: 86;
            width: 66px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(38, 46, 63, 1);
            font-size: 22px;
            line-height: 30px;
            text-align: left;
          }
        }
        .word11 {
          z-index: 87;
          width: 52px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(118, 127, 149, 1);
          font-size: 26px;
          line-height: 38px;
          text-align: right;
          margin: 1px 0 0 356px;
        }
        .icon2 {
          z-index: 88;
          width: 12px;
          height: 14px;
          margin: 13px 0 0 17px;
        }
      }
    }
    .bd12 {
      z-index: 171;
      height: 75px;
      border-radius: 0 20px 0 0;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9be65d62beb8a220bc0230b32a403d70334674b6f225c209a0b4450e7174ba7c) -1px -1px
        no-repeat;
      align-self: flex-end;
      width: 408px;
      justify-content: flex-start;
      align-items: flex-end;
      margin: 10px 40px 0 0;
      padding: 10px 118px 0 0;
      .word12 {
        z-index: 172;
        width: 112px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(118, 127, 149, 1);
        font-size: 28px;
        line-height: 50px;
        text-align: center;
      }
    }
    .bd13 {
      z-index: 280;
      height: 90px;
      align-self: center;
      margin-top: 721px;
      width: 670px;
      justify-content: center;
      align-items: flex-start;
      .outer2 {
        z-index: auto;
        width: 665px;
        height: 40px;
        .info8 {
          z-index: 282;
          width: 164px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 40px;
          font-family: PingFangSC-Medium;
          line-height: 40px;
          text-align: left;
        }
        .word13 {
          z-index: 283;
          width: 104px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(45, 116, 243, 1);
          font-size: 26px;
          line-height: 38px;
          text-align: right;
          margin: 1px 0 0 275px;
        }
        .outer3 {
          z-index: 284;
          width: 1px;
          height: 30px;
          background-color: rgba(190, 194, 204, 1);
          margin: 5px 0 0 20px;
        }
        .word14 {
          z-index: 285;
          width: 52px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(118, 127, 149, 1);
          font-size: 26px;
          line-height: 38px;
          text-align: right;
          margin: 1px 0 0 20px;
        }
        .icon3 {
          z-index: 286;
          width: 12px;
          height: 14px;
          margin: 13px 0 0 17px;
        }
      }
    }
    .bd14 {
      z-index: auto;
      width: 670px;
      height: 198px;
      justify-content: space-between;
      margin: 10px 0 0 40px;
      .outer4 {
        z-index: 244;
        position: relative;
        width: 316px;
        height: 198px;
        border-radius: 10px;
        overflow: hidden;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng01eb499097dfee27fdd86dc1f91d68d7f7ff33cf363c265fc2b1bc2b7269ef21)
          100% no-repeat;
        .pic7 {
          z-index: 245;
          position: absolute;
          left: 0;
          top: 0;
          width: 316px;
          height: 198px;
        }
      }
      .outer5 {
        z-index: 256;
        position: relative;
        width: 316px;
        height: 198px;
        border-radius: 10px;
        overflow: hidden;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3ab029d95907b15882cdd0cd103de9f04cac7c9333ee931f8468976527dd7a91)
          100% no-repeat;
        .pic8 {
          z-index: 257;
          position: absolute;
          left: 0;
          top: 0;
          width: 316px;
          height: 198px;
        }
      }
    }
    .bd15 {
      z-index: auto;
      width: 670px;
      height: 90px;
      justify-content: space-between;
      margin: 20px 0 0 40px;
      .section2 {
        z-index: auto;
        width: 316px;
        height: 90px;
        .word15 {
          z-index: 289;
          width: 316px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 32px;
          font-family: PingFangSC-Medium;
          line-height: 42px;
          text-align: left;
        }
        .bd16 {
          z-index: auto;
          width: 316px;
          height: 38px;
          margin-top: 10px;
          justify-content: space-between;
          .info9 {
            z-index: 291;
            width: 184px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(118, 127, 149, 1);
            font-size: 26px;
            line-height: 38px;
            text-align: left;
          }
          .box2 {
            z-index: 304;
            height: 38px;
            border-radius: 19px;
            background-color: rgba(45, 116, 243, 1);
            width: 112px;
            justify-content: center;
            align-items: center;
            .word16 {
              z-index: 305;
              width: 72px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 1);
              font-size: 24px;
              line-height: 33px;
              text-align: left;
            }
          }
        }
      }
      .txt4 {
        z-index: 299;
        width: 316px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(38, 46, 63, 1);
        font-size: 32px;
        font-family: PingFangSC-Medium;
        line-height: 42px;
        text-align: left;
      }
    }
    .bd17 {
      z-index: auto;
      width: 316px;
      height: 38px;
      justify-content: space-between;
      margin: 4px 0 0 394px;
      .info10 {
        z-index: 294;
        width: 184px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(118, 127, 149, 1);
        font-size: 26px;
        line-height: 38px;
        text-align: left;
      }
      .block4 {
        z-index: 316;
        height: 38px;
        border-radius: 19px;
        background-color: rgba(45, 116, 243, 1);
        width: 112px;
        justify-content: center;
        align-items: center;
        .word17 {
          z-index: 317;
          width: 72px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: left;
        }
      }
    }
    .bd18 {
      z-index: auto;
      width: 670px;
      height: 350px;
      justify-content: space-between;
      margin: 18px 0 0 40px;
      .bd19 {
        z-index: auto;
        width: 316px;
        height: 350px;
        .group3 {
          z-index: 268;
          position: relative;
          width: 316px;
          height: 198px;
          border-radius: 10px;
          overflow: hidden;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3ab029d95907b15882cdd0cd103de9f04cac7c9333ee931f8468976527dd7a91)
            100% no-repeat;
          .img5 {
            z-index: 269;
            position: absolute;
            left: 0;
            top: 0;
            width: 316px;
            height: 198px;
          }
        }
        .info11 {
          z-index: 297;
          width: 316px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 32px;
          font-family: PingFangSC-Medium;
          line-height: 42px;
          text-align: left;
          margin-top: 20px;
        }
        .group4 {
          z-index: auto;
          width: 316px;
          height: 38px;
          margin-top: 10px;
          justify-content: space-between;
          .word18 {
            z-index: 293;
            width: 184px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(118, 127, 149, 1);
            font-size: 26px;
            line-height: 38px;
            text-align: left;
          }
          .section3 {
            z-index: 310;
            height: 38px;
            border-radius: 19px;
            background-color: rgba(45, 116, 243, 1);
            width: 112px;
            justify-content: center;
            align-items: center;
            .info12 {
              z-index: 311;
              width: 72px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 1);
              font-size: 24px;
              line-height: 33px;
              text-align: left;
            }
          }
        }
      }
      .bd20 {
        z-index: auto;
        width: 316px;
        height: 302px;
        margin-top: 42px;
        .box3 {
          z-index: 274;
          position: relative;
          width: 316px;
          height: 198px;
          border-radius: 10px;
          overflow: hidden;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3ab029d95907b15882cdd0cd103de9f04cac7c9333ee931f8468976527dd7a91)
            100% no-repeat;
          .pic9 {
            z-index: 275;
            position: absolute;
            left: 0;
            top: 0;
            width: 316px;
            height: 198px;
          }
        }
        .txt5 {
          z-index: 302;
          width: 316px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 32px;
          font-family: PingFangSC-Medium;
          line-height: 42px;
          text-align: left;
          margin-top: 20px;
        }
      }
    }
    .bd21 {
      z-index: auto;
      width: 316px;
      height: 38px;
      justify-content: space-between;
      margin: 4px 0 0 394px;
      .word19 {
        z-index: 296;
        width: 184px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(118, 127, 149, 1);
        font-size: 26px;
        line-height: 38px;
        text-align: left;
      }
      .box4 {
        z-index: 313;
        height: 38px;
        border-radius: 19px;
        background-color: rgba(45, 116, 243, 1);
        width: 112px;
        justify-content: center;
        align-items: center;
        .word20 {
          z-index: 314;
          width: 72px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: left;
        }
      }
    }
    .bd22 {
      z-index: auto;
      width: 670px;
      height: 260px;
      justify-content: space-between;
      margin: 18px 0 0 40px;
      .box5 {
        z-index: auto;
        width: 316px;
        height: 260px;
        .outer6 {
          z-index: 247;
          position: relative;
          width: 316px;
          height: 198px;
          border-radius: 10px;
          overflow: hidden;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng01eb499097dfee27fdd86dc1f91d68d7f7ff33cf363c265fc2b1bc2b7269ef21)
            100% no-repeat;
          .pic10 {
            z-index: 248;
            position: absolute;
            left: 0;
            top: 0;
            width: 316px;
            height: 198px;
          }
        }
        .txt6 {
          z-index: 290;
          width: 316px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 32px;
          font-family: PingFangSC-Medium;
          line-height: 42px;
          text-align: left;
          margin-top: 20px;
        }
      }
      .box6 {
        z-index: 259;
        position: relative;
        width: 316px;
        height: 198px;
        border-radius: 10px;
        overflow: hidden;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3ab029d95907b15882cdd0cd103de9f04cac7c9333ee931f8468976527dd7a91)
          100% no-repeat;
        margin-top: 42px;
        .img6 {
          z-index: 260;
          position: absolute;
          left: 0;
          top: 0;
          width: 316px;
          height: 198px;
        }
      }
    }
    .bd23 {
      z-index: auto;
      width: 670px;
      height: 84px;
      margin-left: 40px;
      .info13 {
        z-index: 292;
        width: 184px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(118, 127, 149, 1);
        font-size: 26px;
        line-height: 38px;
        text-align: left;
        margin-top: 10px;
      }
      .bd24 {
        z-index: 307;
        height: 38px;
        border-radius: 19px;
        background-color: rgba(45, 116, 243, 1);
        width: 112px;
        justify-content: center;
        align-items: center;
        margin: 10px 0 0 20px;
        .word21 {
          z-index: 308;
          width: 72px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: left;
        }
      }
      .info14 {
        z-index: 301;
        width: 316px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(38, 46, 63, 1);
        font-size: 32px;
        font-family: PingFangSC-Medium;
        line-height: 42px;
        text-align: left;
        margin-left: 38px;
      }
    }
    .bd25 {
      z-index: auto;
      width: 316px;
      height: 38px;
      justify-content: space-between;
      margin: 10px 0 0 394px;
      .word22 {
        z-index: 295;
        width: 184px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(118, 127, 149, 1);
        font-size: 26px;
        line-height: 38px;
        text-align: left;
      }
      .mod3 {
        z-index: 319;
        height: 38px;
        border-radius: 19px;
        background-color: rgba(45, 116, 243, 1);
        width: 112px;
        justify-content: center;
        align-items: center;
        .word23 {
          z-index: 320;
          width: 72px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: left;
        }
      }
    }
    .bd26 {
      z-index: 322;
      height: 50px;
      border-radius: 25px;
      border: 1px solid rgba(228, 228, 228, 1);
      align-self: flex-start;
      width: 120px;
      justify-content: center;
      align-items: center;
      margin: 60px 0 0 296px;
      .info15 {
        z-index: 323;
        width: 72px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(118, 127, 149, 1);
        font-size: 24px;
        line-height: 33px;
        text-align: center;
      }
    }
    .bd27 {
      z-index: 325;
      height: 98px;
      background-color: rgba(255, 255, 255, 1);
      box-shadow: inset 0px 1px 0px 0px rgba(235, 235, 235, 1);
      margin-top: 80px;
      width: 750px;
      .main7 {
        z-index: auto;
        width: 601px;
        height: 43px;
        margin: 12px 0 0 75px;
        .main8 {
          z-index: 327;
          height: 40px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd8bc4003e8dae0fed822afdec6d202d5e20ce2c39f3550afb50421b1dbdef190)
            100% no-repeat;
          width: 38px;
          justify-content: flex-end;
          padding-bottom: 2px;
          align-items: center;
          .wrap1 {
            z-index: 329;
            width: 1px;
            height: 10px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5111ef8d2f59c18458026d1665f44fce98aed675040f45dcf5e3753cf8a13243) -1px -2px
              no-repeat;
          }
        }
        .main9 {
          z-index: 332;
          width: 42px;
          height: 40px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc5ea46c8c989c07f81422500c6b7d4f01b0a62f7aae15278f82d3f3f9264e006) -1px
            0px no-repeat;
          margin: 1px 0 0 143px;
        }
        .main10 {
          z-index: 339;
          height: 42px;
          border-radius: 2px 12px 2px 2px;
          background-color: rgba(45, 116, 243, 1);
          width: 40px;
          justify-content: flex-start;
          align-items: flex-start;
          margin: 1px 0 0 149px;
          padding: 3px 0 0 13px;
          .section4 {
            z-index: 340;
            width: 1px;
            height: 14px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge60cdf74a116e5a2dbc1fd5ca611a28217a74f77f4a15cf4a5f408711eda2ac8) -2px -2px
              no-repeat;
          }
        }
        .main11 {
          z-index: 342;
          height: 42px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1939016c2678b7ea1d9d461364f67a891da65c04e0669c3e66c1e5be892260fb)
            100% no-repeat;
          margin-left: 147px;
          width: 42px;
          justify-content: flex-end;
          padding-bottom: 11px;
          align-items: center;
          .bd28 {
            z-index: 345;
            width: 15px;
            height: 4px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3c2e3d3080cfac793341d31186335311b684f88f5fc15f5f1ec07e5cd1222f91) -2px -2px
              no-repeat;
          }
        }
      }
      .main12 {
        z-index: auto;
        width: 610px;
        height: 24px;
        justify-content: space-between;
        margin: 7px 0 0 70px;
        .info16 {
          z-index: 330;
          width: 48px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(152, 160, 179, 1);
          font-size: 24px;
          line-height: 24px;
          text-align: justify;
        }
        .info17 {
          z-index: 336;
          width: 48px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(152, 160, 179, 1);
          font-size: 24px;
          line-height: 24px;
          text-align: justify;
        }
        .word24 {
          z-index: 338;
          width: 62px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 24px;
          font-family: Helvetica;
          line-height: 24px;
          text-align: justify;
        }
        .info18 {
          z-index: 346;
          width: 48px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(152, 160, 179, 1);
          font-size: 24px;
          line-height: 24px;
          text-align: justify;
        }
      }
    }
  }
  .group5 {
    z-index: 52;
    height: 150px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng60feb838b37b63a275ac806b6f6e76acc8852f40c2371f6c42b7bdc8ed86fdf3) -18px -6px
      no-repeat;
    width: 325px;
    justify-content: flex-start;
    align-items: flex-start;
    position: absolute;
    left: 40px;
    top: 441px;
    padding: 23px 0 0 30px;
    .bd29 {
      z-index: auto;
      width: 146px;
      height: 83px;
      .word25 {
        z-index: 65;
        width: 146px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 34px;
        font-family: PingFangSC-Semibold;
        line-height: 48px;
      }
      .info19 {
        z-index: 64;
        width: 144px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 24px;
        line-height: 33px;
        align-self: flex-start;
        margin-top: 2px;
      }
    }
  }
  .group6 {
    z-index: 37;
    height: 150px;
    border-radius: 20px;
    overflow: hidden;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng36a83add138f0173af2a853138f5bb5c4e8252f3e72cb058f065cd59441af225) -18px -6px
      no-repeat;
    width: 325px;
    justify-content: flex-start;
    align-items: flex-start;
    position: absolute;
    left: 385px;
    top: 441px;
    padding: 22px 0 0 30px;
    .bd30 {
      z-index: auto;
      width: 144px;
      height: 83px;
      .word26 {
        z-index: 50;
        width: 136px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 34px;
        font-family: PingFangSC-Semibold;
        line-height: 48px;
        align-self: flex-start;
      }
      .info20 {
        z-index: 49;
        width: 144px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 24px;
        line-height: 33px;
        margin-top: 2px;
      }
    }
    .pic11 {
      z-index: 38;
      position: absolute;
      left: 210px;
      top: 77px;
      width: 105px;
      height: 73px;
    }
  }
  .group7 {
    z-index: 349;
    height: 114px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng88e8c6c8242e0513e2b5199924228e29e7f4d1a4d62ab1de49d11f2a4073aa5a)
      0px 0px no-repeat;
    width: 129px;
    justify-content: center;
    align-items: flex-start;
    padding-left: 22px;
    position: absolute;
    left: 581px;
    top: 1138px;
    .group8 {
      z-index: auto;
      width: 66px;
      height: 80px;
      .pic12 {
        z-index: 355;
        width: 60px;
        height: 57px;
        align-self: flex-start;
      }
      .word27 {
        z-index: 356;
        width: 64px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 0.85);
        font-size: 15px;
        font-family: PingFangSC-Semibold;
        line-height: 22px;
        text-align: center;
        align-self: flex-end;
        margin-top: 1px;
      }
    }
  }
  .group9 {
    z-index: 173;
    height: 756px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng27bdb132c7ab707f40b0929fdc7da26a82ae0d6a7c7987852d2e701fcf5190f9)
      100% no-repeat;
    width: 670px;
    justify-content: flex-start;
    padding-top: 22px;
    position: absolute;
    left: 40px;
    top: 1323px;
    .box7 {
      z-index: auto;
      width: 670px;
      height: 703px;
      .word28 {
        z-index: 219;
        width: 120px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(45, 116, 243, 1);
        font-size: 30px;
        font-family: PingFangSC-Semibold;
        line-height: 50px;
        text-align: center;
        align-self: flex-start;
        margin-left: 97px;
      }
      .icon4 {
        z-index: 176;
        width: 37px;
        height: 30px;
        align-self: flex-start;
        margin: 44px 0 0 296px;
      }
      .label2 {
        z-index: 181;
        width: 37px;
        height: 30px;
        align-self: flex-start;
        margin: 16px 0 0 88px;
      }
      .label3 {
        z-index: 186;
        width: 37px;
        height: 30px;
        align-self: flex-end;
        margin: 5px 133px 0 0;
      }
      .box8 {
        z-index: auto;
        width: 610px;
        height: 30px;
        justify-content: space-between;
        margin: 254px 0 0 30px;
        .word29 {
          z-index: 239;
          width: 150px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(118, 127, 149, 1);
          font-size: 22px;
          font-family: PingFangSC-Medium;
          line-height: 30px;
          text-align: center;
        }
        .info21 {
          z-index: 240;
          width: 180px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(82, 87, 101, 1);
          font-size: 22px;
          font-family: PingFangSC-Medium;
          line-height: 30px;
          text-align: center;
        }
        .info22 {
          z-index: 241;
          width: 160px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(82, 87, 101, 1);
          font-size: 22px;
          font-family: PingFangSC-Medium;
          line-height: 30px;
          text-align: center;
        }
        .word30 {
          z-index: 242;
          width: 120px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(82, 87, 101, 1);
          font-size: 22px;
          font-family: PingFangSC-Medium;
          line-height: 30px;
          text-align: center;
        }
      }
      .box9 {
        z-index: auto;
        width: 670px;
        height: 194px;
        margin-top: 20px;
        .main13-0 {
          z-index: 228;
          height: 65px;
          width: 670px;
          justify-content: center;
          align-items: center;
          .bd31-0 {
            z-index: auto;
            width: 610px;
            height: 40px;
            justify-content: space-between;
            .txt7-0 {
              z-index: 231;
              width: 150px;
              display: block;
              overflow-wrap: break-word;
              font-size: 26px;
              line-height: 37px;
              text-align: center;
              margin-top: 1px;
            }
            .info23-0 {
              z-index: 230;
              width: 180px;
              display: block;
              overflow-wrap: break-word;
              font-size: 26px;
              line-height: 37px;
              text-align: center;
              margin-top: 1px;
            }
            .txt8-0 {
              z-index: 229;
              width: 160px;
              display: block;
              overflow-wrap: break-word;
              font-size: 26px;
              line-height: 37px;
              text-align: center;
              margin-top: 1px;
            }
            .word31-0 {
              z-index: 232;
              width: 120px;
              display: block;
              overflow-wrap: break-word;
              font-size: 28px;
              line-height: 40px;
              text-align: center;
            }
          }
        }
      }
    }
    .box10 {
      z-index: 210;
      height: 306px;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng818e473532ad34d0ab3ecdbaa55dc123691088b87bb7942ea7d0ef86978d2cfe)
        100% no-repeat;
      width: 196px;
      justify-content: flex-start;
      padding-top: 10px;
      position: absolute;
      left: 237px;
      top: 145px;
      .mod4 {
        z-index: auto;
        width: 196px;
        height: 208px;
        .outer7 {
          z-index: 214;
          width: 72px;
          height: 72px;
          border-radius: 50%;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3bd9bdf7e779ed2a6c9c086469b95c53f100a5db9d753f8db272fefdbc66cb07)
            100% no-repeat;
          align-self: center;
        }
        .info24 {
          z-index: 215;
          width: 196px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 28px;
          font-family: PingFangSC-Semibold;
          line-height: 40px;
          text-align: center;
          margin-top: 15px;
        }
        .outer8 {
          z-index: 216;
          width: 196px;
          height: 33px;
          overflow-wrap: break-word;
          text-align: center;
          margin-top: 5px;
          font-size: 0;
          .info25 {
            font-size: 24px;
            font-family: PingFangSC-Semibold;
            color: rgba(0, 0, 0, 1);
            line-height: 33px;
          }
          .info26 {
            font-size: 24px;
            color: rgba(0, 0, 0, 1);
            line-height: 33px;
          }
        }
        .word32 {
          z-index: 217;
          width: 48px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(144, 104, 41, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: left;
          align-self: center;
          margin-top: 10px;
        }
      }
    }
    .box11 {
      z-index: 192;
      height: 262px;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc990030729a7d2a591f073cdd987f95d1729fb8e7e9df56305436cd9b4a105ee)
        100% no-repeat;
      width: 196px;
      justify-content: flex-start;
      padding-top: 7px;
      position: absolute;
      left: 30px;
      top: 189px;
      .section5 {
        z-index: auto;
        width: 196px;
        height: 203px;
        .mod5 {
          z-index: 196;
          width: 72px;
          height: 72px;
          border-radius: 50%;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng0c1b621c5ddafa4444daf2fc93b7fb8f3481b003f9cba85c59197a79e4816996)
            100% no-repeat;
          align-self: center;
        }
        .word33 {
          z-index: 197;
          width: 196px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 28px;
          font-family: PingFangSC-Semibold;
          line-height: 40px;
          text-align: center;
          margin-top: 10px;
        }
        .mod6 {
          z-index: 198;
          width: 196px;
          height: 33px;
          overflow-wrap: break-word;
          text-align: center;
          margin-top: 5px;
          font-size: 0;
          .word34 {
            font-size: 24px;
            font-family: PingFangSC-Semibold;
            color: rgba(0, 0, 0, 1);
            line-height: 33px;
          }
          .txt9 {
            font-size: 24px;
            color: rgba(0, 0, 0, 1);
            line-height: 33px;
          }
        }
        .info27 {
          z-index: 199;
          width: 48px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(72, 81, 104, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: left;
          align-self: center;
          margin-top: 10px;
        }
      }
    }
    .box12 {
      z-index: 201;
      height: 227px;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3b8354ebc42e166ed0e998edb5d6d0c4eb34cb2e255d071c47bb261f2c940472)
        100% no-repeat;
      width: 196px;
      justify-content: flex-start;
      padding-top: 9px;
      position: absolute;
      left: 444px;
      top: 224px;
      .wrap2 {
        z-index: auto;
        width: 196px;
        height: 203px;
        .box13 {
          z-index: 205;
          width: 72px;
          height: 72px;
          border-radius: 50%;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng830b2f92391a4ada9114212995addba58a7043e6ae572508436099a447a890c3)
            100% no-repeat;
          align-self: center;
        }
        .info28 {
          z-index: 206;
          width: 196px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(38, 46, 63, 1);
          font-size: 28px;
          font-family: PingFangSC-Semibold;
          line-height: 40px;
          text-align: center;
          margin-top: 10px;
        }
        .box14 {
          z-index: 208;
          width: 196px;
          height: 33px;
          overflow-wrap: break-word;
          text-align: center;
          margin-top: 5px;
          font-size: 0;
          .txt10 {
            font-size: 24px;
            font-family: PingFangSC-Semibold;
            color: rgba(0, 0, 0, 1);
            line-height: 33px;
          }
          .word35 {
            font-size: 24px;
            color: rgba(0, 0, 0, 1);
            line-height: 33px;
          }
        }
        .txt11 {
          z-index: 207;
          width: 48px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(170, 114, 97, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: center;
          align-self: center;
          margin-top: 10px;
        }
      }
    }
  }
  .group10 {
    z-index: 250;
    height: 40px;
    border-radius: 0 0 10px 10px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd78e1d1ffaea16ccbfc460440ad8a4d3b38539dbf5ed7aafdc73c16aa4612c07)
      100% no-repeat;
    width: 316px;
    justify-content: center;
    align-items: flex-start;
    padding-left: 20px;
    position: absolute;
    left: 40px;
    top: 2387px;
    .info29 {
      z-index: 251;
      width: 130px;
      display: block;
      overflow-wrap: break-word;
      color: rgba(255, 255, 255, 1);
      font-size: 24px;
      line-height: 38px;
      text-align: left;
    }
  }
  .group11 {
    z-index: 262;
    height: 40px;
    border-radius: 0 0 10px 10px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd78e1d1ffaea16ccbfc460440ad8a4d3b38539dbf5ed7aafdc73c16aa4612c07)
      100% no-repeat;
    width: 316px;
    justify-content: center;
    align-items: flex-start;
    padding-left: 20px;
    position: absolute;
    left: 394px;
    top: 2387px;
    .info30 {
      z-index: 263;
      width: 130px;
      display: block;
      overflow-wrap: break-word;
      color: rgba(255, 255, 255, 1);
      font-size: 24px;
      line-height: 38px;
      text-align: left;
    }
  }
  .group12 {
    z-index: 271;
    height: 40px;
    border-radius: 0 0 10px 10px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd78e1d1ffaea16ccbfc460440ad8a4d3b38539dbf5ed7aafdc73c16aa4612c07)
      100% no-repeat;
    width: 316px;
    justify-content: center;
    align-items: flex-start;
    padding-left: 20px;
    position: absolute;
    left: 40px;
    top: 2755px;
    .word36 {
      z-index: 272;
      width: 130px;
      display: block;
      overflow-wrap: break-word;
      color: rgba(255, 255, 255, 1);
      font-size: 24px;
      line-height: 38px;
      text-align: left;
    }
  }
  .group13 {
    z-index: 277;
    height: 40px;
    border-radius: 0 0 10px 10px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd78e1d1ffaea16ccbfc460440ad8a4d3b38539dbf5ed7aafdc73c16aa4612c07)
      100% no-repeat;
    width: 316px;
    justify-content: center;
    align-items: flex-start;
    padding-left: 20px;
    position: absolute;
    left: 394px;
    top: 2797px;
    .word37 {
      z-index: 278;
      width: 130px;
      display: block;
      overflow-wrap: break-word;
      color: rgba(255, 255, 255, 1);
      font-size: 24px;
      line-height: 38px;
      text-align: left;
    }
  }
  .group14 {
    z-index: 253;
    height: 40px;
    border-radius: 0 0 10px 10px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd78e1d1ffaea16ccbfc460440ad8a4d3b38539dbf5ed7aafdc73c16aa4612c07)
      100% no-repeat;
    width: 316px;
    justify-content: center;
    align-items: flex-start;
    padding-left: 20px;
    position: absolute;
    left: 40px;
    top: 3165px;
    .word38 {
      z-index: 254;
      width: 130px;
      display: block;
      overflow-wrap: break-word;
      color: rgba(255, 255, 255, 1);
      font-size: 24px;
      line-height: 38px;
      text-align: left;
    }
  }
  .group15 {
    z-index: 265;
    height: 40px;
    border-radius: 0 0 10px 10px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd78e1d1ffaea16ccbfc460440ad8a4d3b38539dbf5ed7aafdc73c16aa4612c07)
      100% no-repeat;
    width: 316px;
    justify-content: center;
    align-items: flex-start;
    padding-left: 20px;
    position: absolute;
    left: 394px;
    top: 3207px;
    .info31 {
      z-index: 266;
      width: 130px;
      display: block;
      overflow-wrap: break-word;
      color: rgba(255, 255, 255, 1);
      font-size: 24px;
      line-height: 38px;
      text-align: left;
    }
  }
}

</style>
